<!-- <template>
  <div class="mytag">
    <el-tag :style="typep" v-if="name" class="tags">{{ name }}</el-tag>
  </div>
</template>
<script>
export default {
  name: 'mytag',
  props: ['name'],
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
    changeValue() {},
  },
  computed: {
    typep() {
      let taskStatus = {
        议价待销售确认: 'background: #E6F8F7;border: 1px solid #CFF2EE;color: #30C2B1;',
        议价待采购处理: 'background: #ECF5FF;border: 1px solid #D9ECFF;color: #409EFF;',
        议价待处理: 'background: #ECF5FF;border: 1px solid #D9ECFF;color: #409EFF;',
        待采购确认: 'background: #ECF5FF;border: 1px solid #D9ECFF;color: #409EFF;',
        等待客户确认: 'background: #ECF5FF;border: 1px solid #D9ECFF;color: #409EFF;',
        待审批: 'background: #ECF5FF;border: 1px solid #D9ECFF;color: #409EFF;',
        待报价: 'background: #ECF5FF;border: 1px solid #D9ECFF;color: #409EFF;',
        待客户确认: 'background: #ECF5FF;border: 1px solid #D9ECFF;color: #409EFF;',
        备货待审批: 'background: #ECF5FF;border: 1px solid #D9ECFF;color: #409EFF;',
        送样待审批: 'background: #ECF5FF;border: 1px solid #D9ECFF;color: #409EFF;',
        待销售采纳: 'background: #E6F8F7;border: 1px solid #CFF2EE;color: #30C2B1;',

        待生成报价单: 'background: #F7F2F9;border: 1px solid #EED6F7;color: #AB4ED0;',

        无法报价: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',
        无法确认: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',
        客户已拒绝: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',
        审批不通过: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',
        送样审批不通过: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',
        备货审批不通过: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',
        否决市场采购: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',
        拒绝市场采购: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',
        采购确认失败: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',
        客户不采纳: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',
        采购拒绝: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',

        废弃: 'background: #FEF0F0;border: 1px solid #FDE2E2;color: #F56C6C;',

        待处理: 'background: #F7F2F9;border: 1px solid #EED6F7;color: #AB4ED0;',
        市场采购申请: 'background: #FDF6EC;border: 1px solid #FAECD8;color: #E6A23C;',
        市场采购申请中: 'background: #FDF6EC;border: 1px solid #FAECD8;color: #E6A23C;',
        申请市场采购: 'background: #FDF6EC;border: 1px solid #FAECD8;color: #E6A23C;',
        进行中: 'background: #FDF6EC;border: 1px solid #FAECD8;color: #E6A23C;',
        报价中: 'background: #FDF6EC;border: 1px solid #FAECD8;color: #E6A23C;',
        申请市场: 'background: #FDF6EC;border: 1px solid #FAECD8;color: #E6A23C;',
        转市场采购: 'background: #FDF6EC;border: 1px solid #FAECD8;color: #E6A23C;',

        议价中: 'background: #E6F8F7;border: 1px solid #CFF2EE;color: #30C2B1;',
        部分完成: 'background: #ECF5FF;border: 1px solid #D9ECFF;color: #409EFF;',

        已报价: 'background: #F0F9EB;border: 1px solid #E1F3D8;color: #67C23A;',
        已生成报价单: 'background: #F0F9EB;border: 1px solid #E1F3D8;color: #67C23A;',
        已生成报价: 'background: #F0F9EB;border: 1px solid #E1F3D8;color: #67C23A;',
        审批通过: 'background: #F0F9EB;border: 1px solid #E1F3D8;color: #67C23A;',
        全部完成: 'background: #F0F9EB;border: 1px solid #E1F3D8;color: #67C23A;',
        有效报价单: 'background: #F0F9EB;border: 1px solid #E1F3D8;color: #67C23A;',
        报价完成: 'background: #F0F9EB;border: 1px solid #E1F3D8;color: #67C23A;',
        销售已采纳: 'background: #F0F9EB;border: 1px solid #E1F3D8;color: #67C23A;',
      };
      return taskStatus[this.name];
    },
  },
};
</script>

<style scoped lang="scss">
.tags {
  border-radius: 4px;
  border-color: null;
}
</style> -->
